<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>值守平台－指令管理</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/2016zhdd_style.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<h1 class="tit-top col-xs-12">舆情综合指挥系统－<em>指挥调度</em></h1>
<div class="clearfix">
    <!--左边开始-->
    <div class="col-xs-2" style="padding-left: 0;">
        <div class="left">
            <dl>
                <dt class="clearfix"><a role="button" data-toggle="collapse" href="#one" aria-expanded="false" aria-controls="collapseExample">
                    <label class="tb-label glyphicon glyphicon-duplicate"></label>
                    指挥调度<span class="jt-span glyphicon glyphicon-menu-down"></span></a></dt>
                <dd id="one" class="collapse in">
                    <h2 class="clearfix"><a role="button" data-toggle="collapse" href="#two" aria-expanded="false" aria-controls="collapseExample">
                        <label class="tb-label glyphicon glyphicon-credit-card"></label>
                        值守平台
                        <span class="jt-span glyphicon glyphicon-menu-down"></span>
                    </a></h2>
                    <ul class="ul03 collapse in" id="two">
                        <li><a href="xxhj.html"><label class="tb-label glyphicon glyphicon-map-marker"></label>信息汇聚</a></li>
                        <li><a href="sjgl.html"><label class="tb-label glyphicon glyphicon-map-marker"></label>事件管理</a></li>
                    </ul>
                    <h2 class="clearfix"><a role="button" data-toggle="collapse" href="#two-2" aria-expanded="false" aria-controls="collapseExample">
                        <label class="tb-label glyphicon glyphicon-credit-card"></label>
                        指挥指令
                        <span class="jt-span glyphicon glyphicon-menu-down"></span>
                    </a></h2>
                    <ul class="ul03 collapse in" id="two-2">
                        <li><a href="zlgl.html"><label class="tb-label glyphicon glyphicon-map-marker"></label>指令管理</a></li>
                    </ul>
                </dd>
            </dl>
        </div>
    </div>
    <!--左边结束-->
    <!--右边开始-->
    <div class="col-xs-10">
        <div class="sjgl-right">
            <ol class="breadcrumb" style="background: none;padding-left: 0;">
                <li><a href="#">指挥调度</a></li>
                <li><a href="#">值守平台</a></li>
                <li class="active">提令管理</li>
            </ol>
            <div class="row">
                <div class="col-xs-8">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>序<br/>号</th>
                            <th>事件<br/>时间</th>
                            <th>事件<br/>标题</th>
                            <th>事件<br/>类型</th>
                            <th>自定义<br/>类型</th>
                            <th>事件<br/>等级</th>
                            <th>签发<br/>领导</th>
                            <th>操<br/>作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>2016-2-23</td>
                            <td><a href="#">XXXXX</a></td>
                            <td>反动言论</td>
                            <td>涉回</td>
                            <td>II</td>
                            <td>张三</td>
                            <td><a href="#" data-toggle="modal"
                                   data-target="#tc01">发送指令</a>
                                <!-- 模态框（Modal） -->
                                <div class="modal fade" id="tc01" tabindex="-1" role="dialog"
                                     aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close"
                                                        data-dismiss="modal" aria-hidden="true">
                                                    &times;
                                                </button>
                                                <h4 class="modal-title" id="myModalLabel">
                                                    发送指令
                                                </h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="form-group clearfix">
                                                    <label for="firstname" class="col-xs-2 control-label" style="line-height: 2em;">接收人</label>
                                                    <span class="col-xs-8">
                                                        <input type="text" class="form-control" id="firstname" placeholder="请输入名字">
                                                    </span>
                                                    <span class="col-xs-2">
                                                        <button type="button" class="btn btn-primary" >通讯录</button>
                                                    </span>
                                                </div>
                                                <div class="form-group clearfix">
                                                    <label for="" class="col-xs-2">文本框</label>
                                                    <div class="col-xs-10">
                                                        <textarea class="form-control" rows="3"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default"
                                                        data-dismiss="modal">取消
                                                </button>
                                                <button type="button" class="btn btn-primary">
                                                    发送
                                                </button>
                                            </div>
                                        </div><!-- /.modal-content -->
                                    </div><!-- /.modal -->
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-xs-4">
                    <div id="arrow">
                        <ul>
                            <li class="arrowup"></li>
                            <li class="arrowdown"></li>
                        </ul>
                    </div>
                    <div id="history">
                        <div class="title">
                            <div id="circle">
                                <div class="cmsk"></div>
                                <div class="circlecontent">
                                    <div thisyear="2013" class="timeblock">
                                        <span class="numf"></span>
                                        <span class="nums"></span>
                                        <span class="numt"></span>
                                        <span class="numfo"></span>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="timeyear">YEAR</div>
                                </div>
                                <a href="#" class="clock"></a>
                            </div>
                        </div>

                        <div id="content">
                            <ul class="list">
                                <li style="margin-top:-110px;">
                                    <div class="liwrap">
                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2013</span>
                                                <span class="md">0905</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述事件描述
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="liwrap">
                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2013</span>
                                                <span class="md">0807</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="liwrap">
                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2013</span>
                                                <span class="md">0528</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="liwrap">

                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2013</span>
                                                <span class="md">0524</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="liwrap">
                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2013</span>
                                                <span class="md">0508</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述
                                    </div>
                                </li>
                                <li>
                                    <div class="liwrap">
                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2012</span>
                                                <span class="md">0701</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述事件描述
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="liwrap">

                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2012</span>
                                                <span class="md">0524</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述事件描述
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="liwrap">
                                        <div class="lileft">
                                            <div class="date">
                                                <span class="year">2013</span>
                                                <span class="md">0301</span>
                                            </div>
                                        </div>

                                        <div class="point"><b></b></div>

                                        <div class="liright">
                                            事件描述事件描述事件描述事件描述事件描述事件描述
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--右边结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/2016zhdd_js.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/history.js"></script>

</body>
</html>